<template>
    <!-- 组件的结构 -->
    <div class="demo">
        <h2>
                学校姓名:{{studentName}}
                </h2>
    <h2>
                    学校地址:{{age}}
                </h2>
                <button @click="showName"></button>
    </div>
</template>

<script>
    // 组件交互相关代码，数据，方法

    export default { 
                name:"StudentComponent",
               data(){
                    
                    return {
                        schoolName:'三三',
                        address:'北京北京',
                    }
                },
                methods: {
                    showName(){
                        alert('123')
                    }
                },
            }

</script>

<style scoped>
    /* 组件的样式 */
    .demo{
        background-color: orange;
    }
</style>
